<div class="payment_top">
    <a  href="javascript:history.go(-1)"><img class="backImg" src="images/leftarrow.png"></a>
    <span class="payment_title">桌台二维码</span>
    <div class="backBtn_right" ng-click="vm.remove()" ng-show="vm.edit&&vm.shopTable.orderimg">删除</div>
</div>
<div class="meal_code_content" ng-hide="vm.edit">
    <div ng-show="vm.shopTable.orderimg">
        <div class="meal_code_content_title">桌台二维码</div>
        <!--<img ng-src="{{vm.shopTable.orderimg}}"/>-->
        <div id="qrcodebox" style="width: 200px;margin: auto;"></div>
        <div class="meal_code_content_text">二维码内容：{{vm.shopTable.orderimg}}</div>
    </div>
    <div ng-hide="vm.shopTable.orderimg">
        <div style="margin: 200px 0 100px 0;font-size: 18px;">当前桌台未设置二维码</div>
    </div>
    <div><button class="inputsn_btn_detail" style="background-color: #0a92ef;" ng-click="vm.editChange()">编辑</button></div>
</div>
<div class="meal_code_content" ng-show="vm.edit">
    <!--<div class="meal_code_content_detail">-->
        <!--<img src="images/tablemedia_shopad/video.png" style="width: 1rem;height: 1rem;margin-top: 1rem;">-->
        <!--<div class="recommend_paint" style="width:5rem;height:5rem;margin: 1.5rem 0.7rem 0;position: relative">-->
            <!--<img style="width:5rem;height:5rem;" class="recommend_img" ng-hide="vm.orderimg" src="images/upload.png">-->
            <!--<img style="width:5rem;height:5rem;"  class="recommend_img" ng-show="vm.orderimg" ng-src="{{vm.orderimg}}">-->
            <!--<input style="width:5rem;height:5rem;position: absolute;left: 0;top:0;"  type="file" ngf-select="" ng-model="vm.imagesFile" name="file" ng-change="vm.uploadLogo(vm.imagesFile)"  class="ng-pristine">-->
        <!--</div>-->
        <!--图片视频区域-->
        <!--<div  class="upload-video" id="big" style="position: absolute;width: 100%;height: 100%;top: 0;left: 0">-->
            <!--&lt;!&ndash;二维码区域&ndash;&gt;-->
            <!--<div id="box" class="qrcode-box" style="position: absolute;">-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="meal_code_select">-->
        <!--<span>上传图片</span>-->
    <!--</div>-->
    <div class="meal_code_file">
        <div class="meal_code_input">
            <input type="file" placeholder="输入二维码内容"  ngf-select ng-model="vm.imagesFile" name="file" ng-change="vm.uploadLogo(vm.imagesFile)" />
        </div>
        <div style="width: 200px;height: 200px">
            <img ng-show="vm.orderimg" ng-src="{{vm.orderimg}}" style="width: 100%;height: 100%;"/>
            <div id="qrcodebox1" ng-hide="vm.orderimg" ng-src="{{vm.orderimg}}" style="width: 100%;height: 100%;"></div>
        </div>
    </div>
    <div class="meal_code_content_text" ng-show="vm.qrcodetxt">
        <span>二维码内容：{{vm.qrcodetxt}}</span>
    </div>
    <div class="meal_code_content_text" ng-hide="vm.qrcodetxt">
        <span>二维码内容：{{vm.shopTable.orderimg}}</span>
    </div>
    <div style="text-align: center;margin-top: 1rem;">
        <button style="padding: 10px 20px;background-color: #0a92ef;color: #ffffff;border-radius: 4px;" ng-click="vm.editChange()">取消</button>
        <button style="padding: 10px 20px;margin-left: 20px;background-color: #0a92ef;color: #ffffff;border-radius: 4px;" ng-click="vm.submitCode()">保存</button>
    </div>
</div>
<message-Component message-visible="vm.messageVisible" message="vm.message"  surebtn="vm.sureBtn()"
                   cancelbtn="vm.cancelBtn()"></message-Component>
<div class="image_loader" ng-show="vm.progressPercentage>=0 && vm.progressPercentage<100" >
    <div class="loading_bar">
        <div class="progress-bars">
            <div class="progress-stripes"></div>
            <div class="percentage">{{vm.progressPercentage}}%</div>
        </div>
    </div>
</div>